<!-- eslint-disable vue/multi-word-component-names -->
<template>
  <div>
    <!-- 头部导航栏 -->
    <div class="Navigation">
      <van-nav-bar title="评论列表" left-arrow @click-left="onClickLeft" />
    </div>

    <!-- 评论盒子 -->
    <div class="pluser">
      <div>
        <div class="log"><img src="../../assets/image/t0.jpg" alt=""></div>
        <div class="administrative">
          <span style="margin-right: 100px;">张斌</span>
          <span>5小时前</span>
        </div>
      </div>
      <p style="margin-left: 25px;margin-bottom: 10px;">太牛逼了!</p>

      <div>
        <div class="log"><img src="../../assets/image/t1.jpg" alt=""></div>
        <div class="administrative">
          <span style="margin-right: 85px;">李绍宏</span>
          <span>一天前</span>
        </div>
      </div>
      <p style="margin-left: 25px;margin-bottom: 10px;">太有实力了~</p>

      <div>
        <div class="log"><img src="../../assets/image/t2.jpg" alt=""></div>
        <div class="administrative">
          <span style="margin-right: 85px">席同伟</span>
          <span>一个月前</span>
        </div>
      </div>
      <p style="margin-left: 25px;margin-bottom: 10px;">太刁了!!</p>

      <div>
        <div class="log"><img src="../../assets/image/t3.jpg" alt=""></div>
        <div class="administrative">
          <span style="margin-right: 88px;">左弘毅</span>
          <span>五个月前</span>
        </div>
      </div>
      <p style="margin-left: 25px;margin-bottom: 10px;">刁得一!~</p>

      <div>
        <div class="log"><img src="../../assets/image/t4.jpg" alt=""></div>
        <div class="administrative">
          <span style="margin-right: 88px;">焦帅贤</span>
          <span>六个月前</span>
        </div>
      </div>
      <p style="margin-left: 25px;margin-bottom: 10px;">刁个蛋</p>
    </div>
  </div>
</template>

<script setup lang="ts">
const onClickLeft = () => history.back();
</script>

<style scoped lang="scss">
.pluser {
  width: 100%;
  height: 600px;

  div {
    width: 100%;
    height: 55px;
    margin-bottom: 10px;

    .log {
      float: left;
      width: 60px;
      height: 55px;
      margin-left: 6%;
      // background: #ab7777;

      img {
        width: 50px;
        height: 50px;
        border: solid 1px #ccc;
        border-radius: 50%;
      }
    }

    .administrative {
      line-height: 55px;
    }


  }
}
</style>